.px2rem(@name, @px){
    @{name}: @px / 75 * 1rem;
}
body{
	background: #f9f9f9;
}
// @font-face {
//   font-family: 'iconfont';
//   src: url('iconfont.eot');
//   src: url('iconfont.eot?#iefix') format('embedded-opentype'),
//   url('iconfont.woff') format('woff'),
//   url('iconfont.ttf') format('truetype'),
//   url('iconfont.svg#iconfont') format('svg');
// }
.head{
	display: flex;
	align-items:center;
	.px2rem(height, 88);
	border-bottom: 1px solid #ededed;
	box-shadow: 0 1px 3px #f1f1f1;
	background: #fff;
	p{
		.px2rem(font-size, 32);
		.px2rem(line-height, 88);
		width: 80%;
		margin:0;
		font-weight: bolder;
		text-align: center;
	}
	a{
		width: 10%;
		i{
			display: block;
			
			text-align: center;
		}
	}
	
}
.main-head{
	.px2rem(height, 125);
	border-bottom: 1px solid #efefef;
	display: flex;
	align-items: center;
	background: #fff;
	padding: 0 5%;
	dl{
		display: flex;
		align-items: center;
		dt{
			// .px2rem(padding-left, 36);
			.px2rem(padding-right, 36);
			img{
				.px2rem(height, 80);
				.px2rem(width, 80);
			}
		}
		dd{
			.px2rem(height, 70);
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			h4{
				.px2rem(font-size, 28);
				color: #212121;
				margin: 0;
			}
			i{
				font-style:normal;
				color: #7e7e7e;
			}
		}
	}
}
.main-cont{
	padding: 0 5%;
	display: flex;
	flex-direction: column;
	background: #fff;
	article{
		color: #212121;
		.px2rem(font-size, 35);
		.px2rem(line-height, 56);
		padding:5% 0 3% 0;
	}
	img{
		// .px2rem(height, 514);
		// .px2rem(width, 686);
		width: 100%;
	}
	aside{
		// padding-top: 2%;
		display: flex;
		position: relative;
		height: 50px;
		align-items: center;
		border-bottom: 1px solid #efefef;
		.zhuanfa{
			.px2rem(padding-right, 47);
			// font-size: 28px;
			.px2rem(font-size, 40);
		}
		.pinlun{
			display: flex;
			align-items: center;
			i{
				.px2rem(padding-right, 18);
				.px2rem(font-size, 40);
				// font-size: 28px;
			}
			span{
				.px2rem(padding-right, 24);
				display: block;
				// font-size: 20px;
				.px2rem(font-size, 28);
			}
		}
		.zan{
			display: flex;
			align-items: center;
			i{
				color: #ed4956;
				.px2rem(padding-right, 19);
				.px2rem(font-size, 40);
				// font-size: 28px;
			}
			span{
				display: block;
				// font-size: 20px;
				.px2rem(font-size, 28);
			}
		}
		.shuqian{
			position: absolute;
			right: 0;
			.px2rem(font-size, 40);
			// font-size: 28px;
			
		}
	}
}
.footer{
	padding: 5% 0 10% 0;
	display: flex;
	align-items: center;
	justify-content: center;
	hr{
		color: #aaaaaa;
		.px2rem(width, 60);
	}
	p{
		.px2rem(padding-right, 23);
		.px2rem(padding-left, 23);
		font-size: 19px;
		color: #b3b3b3;
		letter-spacing: 4px;
	}
}
.box_y{
	display: none;
}
.box-Y{
	display: flex;
	flex-wrap: wrap;
	p{
		flex-basis: 33.33333%;
		display: flex;
		flex-direction: column;
		align-items: center;
		span{
			color: #7e7e7e;
		}
		i{
			.px2rem(font-size, 80);
			padding: 10% 0;
		}
	}
	.one-y{
		color: rgb(98,185,0)
	}
	.two-y{
		color: rgb(98,185,0)
	}
	.three-y{
		color: rgb(104,190,248)
	}
	.four-y{
		color: rgb(250,224,1)
	}
	.five-y{
		color: rgb(233,58,43)
	}
}